<template>
    <view class="bg-[#f8f8f8]  min-h-screen">
        <view class="h-[10rpx]"></view>
        <view class="bg-white px-[40rpx] py-[20rpx]">
            <view class="py-[20rpx] border-b border-[#D8D8D8]">
                <view class=" text-[38rpx]">课程分类：声乐</view>
               
            </view>
            <view class="mt-[20rpx] bg-[#EFEFEF] px-[20rpx] py-[20rpx]">
                <view class="border-b border-[#D8D8D8]">
                    <view class="pb-[20rpx]">38、2023级书法社区班</view>
                    <view class="pb-[20rpx]">课程分类：书画</view>

                    <view class="pb-[20rpx]">说明：XXXXXXXXXXXXXXXXXXXX</view>

                    
                </view>
                <view class="flex justify-between items-center pt-[20rpx]">
                    <view>
                        <text>费用：</text>
                        <text class="text-[#FD755D]">100元</text>
                    </view>
                    <view>剩余名额：12</view>
                </view>
            </view>
        </view>
        <view class="mt-[205rpx] flex justify-center">
                <view
                    class="w-[208rpx] rounded font-medium text-[30rpx] px-1 bg-[#FD755D] text-white h-[88rpx] flex justify-center items-center">
                    报名</view>
            </view>
    </view>
</template>
<script setup>
</script>